<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #main {
            width: 800px;
            height: 800px;
            padding: 0;
            margin: 100px auto 0px;
            background: azure;
        }
    </style>
</head>
<body>
<div id="main"></div>
<script src="./echarts项目可视化/echarts.min.js"></script>
<script>
    var myChart = echarts.init(document.getElementById('main'));
    option = {
        title: {
            text : `黄宁的作业`
        },
        xAxis: {
            type: 'category',
            data: ['jiang', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
            axisLine: {
                // 设置线的样式
                lineStyle : {
                    type : `dashed`,
                    color : `#cc163a`
                },
            }
        },
        yAxis: {
            type: 'value',
            axisLine: {
                // 设置线的样式
                lineStyle : {
                    type : `dashed`,
                    color : `#cc163a`
                },
            }
        },
        series: [
            {
                data: [120, 200, 180, 80, 80, 110, 130],
                type: 'bar'
            },
            {
                data: [100, 180, 150, 100, 70, 130, 110],
                type: 'bar',

            }
        ],
        color: [
            {
                type: 'linear',
                x: 0,
                y: 0,
                x2: 0,
                y2: 1,
                colorStops: [{
                    offset: 0, color: '#e3b4b8' // 0% 处的颜色
                }, {
                    offset: 1, color: '#ede3e7' // 100% 处的颜色
                }],
                global: false // 缺省为 false
            },
// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变
            {
                type: 'linear',
                x: 0,
                y: 0,
                x2: 0,
                y2: 1,
                colorStops: [{
                    offset: 0, color: '#ba2f7b' // 0% 处的颜色
                }, {
                    offset: 1, color: '#cc5595' // 100% 处的颜色
                }],
                global: false // 缺省为 false
            }],
    };
    myChart.setOption(option);
</script>
</body>
</html>